.mainContainer {
    width: 875px;
    margin: 0 auto;
    height: 905px;
}

.title {
    padding: 86px 0 30px;
    font-size: 24px;
    color: #222629;
    line-height: 33px;
}

.hotelInfo {
    margin-bottom: 25px;
    padding: 27px 23px 23px 28px;
    width: 824px;
    height: 155px;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.18);
}

.payInfo {
    padding: 18px 42px 0 42px;
    height: 187px;
    width: 791px;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.18);
}

.payTitle {
    font-size: 14px;
    color: #222629;
    margin-bottom: 30px;
}

.payItem {
    margin-right: 49px;
    width: 134px;
    height: 45px;
    border: 2px solid #fff;
    padding: 18.3px 26px 17.9px 26px;
    cursor: pointer;
}

.payItem img {
    width: 134px;
    height: 45px;
}

.payItem.active {
    border: 2px solid #FF5D5B;
}

.cover {
    width: 230px;
    height: 155px;
    margin-right: 15px;
}

.hotelName {
    font-weight: bold;
    font-size: 16px;
    color: #3E3E3E;
    padding: 49px 0 0 15px;
}

.price {
    text-align: right;
}

.total-price {
    font-weight: bold;
    font-size: 18px;
    color: #FB430A;
    line-height: 20px;
}

.go-pay {
    margin-top: 38px;
}

.goPay {
    margin-top: 25px;
    cursor: pointer;
    background: #5944C3;
    border-radius: 3px;
    width: 113px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #FFFFFF;
}

.roomName {
    font-size: 16px;
    color: #3E3E3E;
}